<script setup>
const options = defineProps({
  size: {
    type: Number,
    default: 60
  }
})
</script>

<template>
  <div class="logo-container">
    <img
      src="../assets/img/logo.png"
      :style="{ width: options.size * 4 + 'px', height: options.size + 'px' }"
    />
  </div>
</template>

<style scoped lang="scss">
@import '../style/common.scss';
.logo-container {
  position: relative;
  width: auto;
  height: 64px;
  @include cf;
  @include no-select;
  pointer-events: none;
  margin: 0px 2px;

  .text-container {
    position: relative;
    height: auto;
    @include cf;
    flex-direction: column;
  }
}
</style>
